<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="author" content="MonLam">
    <title><?php echo $site['title'] ?></title>
    <link rel="icon" href="/favicon.ico">
    <!-- <link rel="stylesheet" href="<?php echo $this->assets('/static/chat/icon/iconfont.css')?>"> -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2130345_ua4httzax7p.css?spm=a313x.7781069.1998910419.58&file=font_2130345_ua4httzax7p.css">
    <link rel="stylesheet" href="<?php echo $this->assets('/static/libs/monEmoji/mon-emoji.css') ?>">
    <link rel="stylesheet" href="<?php echo $this->assets('/static/chat/message/chatMessage.css') ?>">
    <link href="<?php echo $this->assets('/static/chat/waiter/css/chunk-vendors.a6c969e8.css'); ?>" rel="stylesheet">
    <link href="<?php echo $this->assets('/static/chat/waiter/css/app.bb5263e1.css'); ?>" rel="stylesheet">
    <style>
    .spinner{position:relative;margin:200px auto;width:20px;height:20px}
    .container1>div,.container2>div,.container3>div{position:absolute;width:6px;height:6px;border-radius:100%;background-color:#333;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
    .spinner .spinner-container{position:absolute;width:100%;height:100%}
    .container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
    .container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}
    .circle1{top:0;left:0}
    .circle2{top:0;right:0}
    .circle3{right:0;bottom:0}
    .circle4{bottom:0;left:0}
    .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
    .container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}
    .container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}
    .container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}
    .container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}
    .container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}
    .container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}
    .container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}
    .container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}
    .container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}
    .container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}
    @-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}
    40%{-webkit-transform:scale(1)}
    }
    @keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    }
    </style>
</head>

<body style="zoom: 1">
    <noscript><strong>很抱歉，没有启用JavaScript, 应用无法正常工作，请启用JavaScript后重新打开应用。</strong></noscript>
    <div id=app>
        <div class=spinner>
            <div class="spinner-container container1">
                <div class=circle1></div>
                <div class=circle2></div>
                <div class=circle3></div>
                <div class=circle4></div>
            </div>
            <div class="spinner-container container2">
                <div class=circle1></div>
                <div class=circle2></div>
                <div class=circle3></div>
                <div class=circle4></div>
            </div>
            <div class="spinner-container container3">
                <div class=circle1></div>
                <div class=circle2></div>
                <div class=circle3></div>
                <div class=circle4></div>
            </div>
        </div>
    </div>
    <script src="<?php echo $this->assets('/static/libs/monEmoji/mon-emoji.js') ?>"></script>
    <script src="<?php echo $this->assets('/static/chat/message/chatMessage.js') ?>"></script>
    <script>
    var config = JSON.parse('<?php echo json_encode($config);?>')
    </script>
    <script src="<?php echo $this->assets('/static/chat/waiter/js/chunk-vendors.04371856.js'); ?>"></script>
    <script src="<?php echo $this->assets('/static/chat/waiter/js/app.f894c745.js'); ?>"></script>
</body>

</html>